<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Take Out Food</title>
    <link rel="stylesheet" href="./index.css" />
    <script type="text/javascript" src="../src/items.js"></script>
    <script type="text/javascript" src="../src/promotions.js"></script>
    <script type="text/javascript" src="../src/best-charge.js"></script>
    <script type="text/javascript" src="./index.js"></script>
</head>
<body>

    <h1>“好多肉”在线点餐系统</h1>
    <div id="items">
        <form>
            黄焖鸡|18元:<input type="text" id="ITEM0001"><br>
            肉夹馍|6元:<input type="text" id="ITEM0013"><br>
            凉皮|8元:<input type="text" id="ITEM0022"><br>
            冰峰|2元:<input type="text" id="ITEM0030"><br>
        </form>
    </div>

    <div id="promotions" ></div>

    <div>
        <button onclick="calculatePrice()">结算</button>
        <button onclick="clearAll()">清除</button>
    </div>

    <pre id="message">
        <b> /* 结算后的汇总显示在这里 */</b>
        
    </pre>

</body>
</html>